$(document).ready(function(){
	$(".switch").on("change", function(){
		var value = $(this).val();
		var element_id = $(this).attr("data-element");
		if(value == 0){
			$("div.slider_"+element_id).hide();
			$("input[name=value_"+element_id+"]").val(0);
		}else{
			$("div.slider_"+element_id).show();
			$("input[name=value_"+element_id+"]").val(255);
		}
		$("input[name=value_"+element_id+"]").slider();
	});
	// On change on met a jour la valeurs
	$(".slider").on("change", function(){
		var value = $(this).val();
		var element_id = $(this).attr("data-element");
		if(value == 0){
			$("select[name=switch_"+element_id+"] option[value=0]").attr("selected", true);
		}
	});
	/** Quand il a fini de slider on submit **/
	$(".slider_strip").on("slidestop", function(){
		var value = $(this).val();
		var element_id = $(this).attr("data-element");
		if(value == 0){
			$("select[name=switch_"+element_id+"] option[value=0]").attr("selected", true);
		}
		saveCommandeStrip(element_id);
	});
});
function saveCommandeStrip(element_id){
	// Value
	var value = $("input[name=value_"+element_id+"]").val();
	$.ajax({
		url: "/arduino/commande/save/"+element_id+"/intensity/"+value, 
		dataType: "json", 
		type: "POST"
	});

	// couleur
	var value = $("select[name=color_"+element_id+"]").val();
	$.ajax({
		url: "/arduino/commande/save/"+element_id+"/color/"+value, 
		dataType: "json", 
		type: "POST"
	});
}
function saveCommandeRelay(element_id){
	var value = $("select[name=switch_"+element_id+"]").val();
	$.ajax({
		url: "/arduino/commande/save/"+element_id+"/state/"+value, 
		dataType: "json", 
		type: "POST"
	});
}